<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // const obj = {
    //   name: '比特教育科技',
    //   age: 9,
    //   address: '陕西省西安市高新区沣惠南路34号'
    // }

    // eg1: 把 obj 的3个属性值分别赋值给变量 name, age, address

    // 以前的写法
    // let name = obj.name
    // let age = obj.age
    // let address = obj.address

    // 现在的写法
    // let { age, name, address } = obj
    // console.log(name, age, address)

    // eg2: 把 obj 的 name, age 属性值赋值给变量 name, age
    // let { age, name } = obj
    // console.log(name, age)

    // eg3：把 obj 的 name 属性值赋值给变量 name, 剩余的赋值给变量 rest
    // let { name, ...rest } = obj
    // console.log(name, rest)

    // eg4: 把 obj 的 name 属性值 赋值给变量 uname
    // let { name: uname } = obj
    // console.log(uname)

    // eg5: 练习

    const obj = {
      data: {
        code: 10000,
        message: '频道列表获取成功',
        result: ['HTML', 'CSS', 'JavaScript', 'Vue', 'SpringBoot']
      },
      status: 200,
      statusText: 'Ok'
    }
    // 解构拿到 data
    const { data } = obj
    // 再解构 data
    const { code, message, result: list } = data
    console.log(code, message, list)
  </script>
</body>

</html>